<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>复合选择器之并集选择器</title>
    <style>
        .name {
            color: salmon;
        }

        /* 要求一：把熊大熊二改为粉色 */
        /* div,
        p {
            color: pink;
        } */

        /* 要求2：把熊大熊二改为红色 还有小猪佩琦一家改为红色 */
        /* div,
        p,
        .pig {
            color: red;
        } */

        /* 约定语法规范，我们并集选择器喜欢竖着写 */
        /* 一定要注意，最后一个选择器不需要加逗号 */
    </style>
</head>

<body>
    <!-- <div>熊大</div>
    <p>熊二</p>
    <span>光头强</span>
    <ul class="pig">
        <li>小猪佩琦</li>
        <li>猪爸爸</li>
        <li>猪妈妈</li>
    </ul> -->
    <!-- <table class="name">
        <tr>
            <td>赤色</td>
            <td>赤色</td>
        </tr>
    </table>
    <ul class="name">
        <li>赤色</li>
        <li>赤色</li>
    </ul>
    <ol class="name">
        <li>赤色</li>
        <li>赤色</li>
    </ol>
    <dl class="name">
        <dt>赤色
        <dd>赤色</dd>
        <dd>赤色</dd>
        </dt>
    </dl>
    <div class="name" >赤色</div>
    <div class="name">赤色</div>
    <span class="name">赤色</span><span class="name">赤色</span> -->
</body>

</html>